
/* body */
body{
  background-image: url("https://s3.bmp.ovh/imgs/2021/08/f94fc85a6e61e7a2.jpg");
  margin: 0px;
  padding: 0px;
  background-size: 100%;
  background-attachment:fixed;
  background-size: cover;
}

/* font-family */
.font-family-YaHei {
  font-family: "Microsoft YaHei";
}
.font-family-KaiTi {
  font-family: 华文楷体;
}
.font-family-YouYuan {
  font-family: 幼圆;
}

/* a 标签 */
a {
  text-decoration: none !important;
}

/* 文本颜色 */
.text-color-white {
  color: white !important;
}

/* img-size */
.img-size-32 {
  height: 32px;
  width: 32px;
}

/* 盒子背景颜色 */
.box-background-color-black {
  background-color: #4f4f4f;
}


/* 透明度 */
.lucency-sm {
  opacity: 0.9;
}

.lucency-md {
  opacity: 0.7;
}

.lucency-box-sm{
 background: rgba(79, 79, 79, 0.5)!important;
}

/* margin */
.margin-top-10 {
  margin-top: 10px;
}

.margin-right-10 {
  margin-right: 10px;
}

/* text-algin */
.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center!important;
}

/* border */
.border-none {
  border: none;
}

.box-shadow {
  box-shadow: pink 0px 0px 5px 2px!important;
}

.el-upload-dragger {
  background-color: #4f4f4f!important;
  border: 1px solid #cfcfd9;
  width: 300px;
  margin-top: 200px;
}

/*box-hd*/
.box-height-width-100{
  height: 100%;
  width: 100%;
}

/*border-radius*/
.border-radius-50{
  border-radius: 50px;
}
.border-radius-10{
  border-radius: 10px;
}


/*修改table 的背景颜色和文字颜色*/
.el-table td, .el-table th.is-leaf,.el-table--border, .el-table--group{
  background-color: #4f4f4f;
  color: white;
  border: none;
  position: relative;
  text-align: center;
}
/*修改element-ui的table 在鼠标悬停hover时的高亮颜色*/
.el-table tbody tr:hover>td {
  background-color: #737373 !important
}

.el-table--border::after, .el-table--group::after, .el-table::before{
  background-color: transparent;
}


/*滚动条的宽度*/

::-webkit-scrollbar {
  width:6px;
  height:9px;
}

/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果*/

::-webkit-scrollbar-track {
  width: 6px;
  background-color: #aaaaaa;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}


/*滚动条的设置*/

::-webkit-scrollbar-thumb {
  background-color: #4f4f4f;
  background-clip:padding-box;
  min-height:28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius:2em;
}
/*滚动条移上去的背景*/

::-webkit-scrollbar-thumb:hover {
  background-color: #787878;
}